[Silverlight 4] New PathListBox Control

Posted by FernandoCortes on Geeks with Blogs See other posts from Geeks with Blogs or by FernandoCortes
Published on Wed, 31 Mar 2010 06:46:34 GMT Indexed on 2010/03/31 7:03 UTC
Read the original article Hit count: 181

Filed under:

One of the new features of Silverlight 4 is the new PathListBox Control. This control is basically a Listbox control witch takes the layout of a shape that you want, so we can represent our data as we want without limits.

 

So we are ready to open the new Microsoft Blend 4 Beta. First, we going to create a new Silverlight Data Driven Application (MVVM) project.

New Silverlight MVVM Project

 

Open the main view (MainView.xaml), you can find it in Views folder, i look for the new control.

PathListBox Control

 

Once you add the PathListbox Control to the main layout of the MainView.xaml, we will add a Line Shape. Now, we are in the main step. Set the LayoutPaths property of the PathListbox control with the line shape that is just created.

Set Laout Paths

 

The final step is set the ItemsSource property of the PathListbox control. We are going to use a mock object collection from the main view model. I have created the object collection on the main view model created by the Silverlight MVVM project template.

New Collection

 

This is the result that we can improve with some animations. This a basic basic use of the PathListbox but using your imagination you can do very cool things.

 

 

voilà!

© Geeks with Blogs or respective owner